				<!DOCTYPE <html>
				<html>
				<head>
					<title>Nueva Venta</title>
				<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
					<meta name="viewport" content="width=device-width,initial-scale=1.0">
					<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
					<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
					<style type="text/css">
					</style>
				</head>
				<body>
				<input type="hidden" id="serverUrl" value="<%=request.getContextPath()%>" />
					<form id="newSale" action="<%=request.getContextPath()%>/sale/create"
						method="post">
						<div class="row-fluid">
							
							<div class="span12">

								<div class="navbar navbar-fixed-top navbar-inverse">

									<div class="navbar-inner">
										<div class="container">
										<a href="#" class="brand">Agregar Venta</a>
										<ul class="nav pull-right">
											<div class="contain">
											<a style="color:white" href="#">UserName(Saler) |</a>
											<a href="#">Cerrar Session</a>
											</div>
										</ul>
									</div>
								</div>
							</div>
						</div>
						</div>
						<!-- <div class="row-fluid">
							<div style="background:black" class="span12">&nbsp;</div>
						</div> -->
						&nbsp;
						<div class="well container">
						<div class="row-fluid">
							<div class="span4">
							 <div class="row-fluid">
							 	<div class="span4">Numero de Venta: </div>						 	
							 	<div class="span4"><input id="txtNumberSale" type="text" name="txtNumberSale" size="20">
							 	</div>
							 </div>
							</div>
						</div>
						<div class="row-fluid">
							<div class="span4">
							 <div class="row-fluid">
							 	<div class="span4">Id Vendedor: </div>
							 	<div class="span4">"${user.username}"</div>
							 </div>
							 </div>
							 </div>
							 <div class="row-fluid">
							 <div class="span4">
							 <div class="row-fluid">
							 	<div class="span4">Fecha de Venta: </div>
							 	<div class="span4">${dateBean}</div>
							 </div>
							 </div>
							 </div>
							</div>
						&nbsp;
						<div class="container">
						<!-- 	<div class="row-fluid">
								<div class="span6">
								<div class="span6"><strong>Seleccione Item:</strong></div>
								<div class="span6"><select id="prod"
										name="prod">
											<c:forEach items="${ProductsBean}" var="prod">
												<option value="${prod.id}">${prod.name}</option>
											</c:forEach>
									</select>
									</div>
									</div>
							</div>
							<div class="row-fluid">
								<div class="span6">
								<div class="span6"><strong>Seleccione Cantidad de Items</strong></div>
								<div class="span6"><input type="number" id="cant" name="cant" value="1" size="7"></div>
							</div>
							</div> -->
						<div class="row-fluid">
						<div class"span4">
							<href id="btnAgregarItem" class="btn btn-primary"><icon class="icon-plus"></icon> Agregar Items</href>
							<!-- <input class="btn btn-inverse"type="button" id="btnAgregarItem" name="btnAgregarItem"
								value="Agregar Item"> -->
						</div>
						</div>
						&nbsp;
						<div class="row-fluid">
							<div class="row-fluid">
							<div style="{background:gray}" class="span8">Selecione Items:
							</div>
						</div>
						<div class="row-fluid">
							<div class="span8">
						<table class="table table-bordered table-striped table-hover table-condensed" id="Products">
							<thead>
								<tr>
									<th>ID</th>
									<th>Nombre de Producto</th>
									<th>P.Unitario</th>
									<th>Stock</th>								
								</tr>

							</thead>
							<tbody>
								<tr>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
								</tr>
								<tr>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
								</tr>
								<tr>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
								</tr>							
							</tbody>
						</table>
						</div>
						</div>
						&nbsp;
						&nbsp;
						<div class="row-fluid">
						<div class="span12">
						<table class="table table-bordered table-striped table-hover table-condensed"id="SalesItem">
							<thead>
								<tr>
									<th>#</th>
									<th>Producto</th>
									<th>P.Unitario</th>
									<th>Cantidad</th>
									<th>Total</th>
								</tr>

							</thead>
							<tbody>
								<tr>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
								</tr>
								<tr>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
								</tr>
								<tr>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
								</tr>
								<tr>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
									<td>Campos</td>
								</tr>
							</tbody>
						</table>
						</div>
						</div>					
					&nbsp;
					<div class="row-fluid" >
						<div class="span4">	
							<div class="span4"><input class="btn btn-success" type="submit" name="btnGuardar" id="btnGuardar"
									value="Guardar"></div>
							<div class="span4"><input class="btn btn-danger" type="submit" name="btnCancelar" value="Cancelar"></div>
						</div>
					</div>
					</div>				
					</form>		
					&nbsp;
					&nbsp;
					<a class="btn btn-link" href="<%=request.getContextPath()%>/sale/index">&gt;== VOLVER</a>
				</body>
				</html>